﻿<!DOCTYPE html>
<html lang="en" dir="ltr" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的资料</title>

  <!-- Vendor Stylesheets -->
  <link rel="stylesheet" href="front/assets/css/plugins/bootstrap.min.css">
  <link rel="stylesheet" href="front/assets/css/plugins/animate.min.css">
  <link rel="stylesheet" href="front/assets/css/plugins/magnific-popup.css">
  <link rel="stylesheet" href="front/assets/css/plugins/slick.css">
  <link rel="stylesheet" href="front/assets/css/plugins/slick-theme.css">
  <link rel="stylesheet" href="front/assets/css/plugins/ion.rangeSlider.min.css">

  <!-- Icon Fonts -->
  <link rel="stylesheet" href="front/assets/fonts/flaticon/flaticon.css">
  <link rel="stylesheet" href="front/assets/fonts/font-awesome/css/all.min.css">

  <!-- Coffeez Style sheet -->
  <link rel="stylesheet" href="front/assets/css/style.css">
  <link rel="stylesheet" href="common/css/xtiper.css">

  <!-- Favicon -->
  <link rel="icon" type="image/png" sizes="32x32" href="favicon.ico">

</head>

<body>

  <div th:replace="common/front-common::#front1"></div>
  <div th:replace="common/front-common::#androNewsletterPopup"></div>
  <div th:replace="common/front-common::#front4"></div>
  <div th:replace="common/front-common::#front5"></div>
  <div th:replace="common/front-common::#front6"></div>
  <div th:replace="common/front-common::#front7"></div>
  <div th:replace="common/front-common::#front8"></div>

  <div class="section">
    <div class="imgs-wrapper">
      <img src="front/assets/img/products/1.png" alt="veg" class="d-none d-lg-block">
      <img src="front/assets/img/products/14.png" alt="veg" class="d-none d-lg-block">
    </div>
    <div class="container">
      <div>
        <div class="row">
          <!-- Sidebar Start -->
          <div class="col-lg-4">
            <div class="sidebar">

              <!-- About Author Start -->
              <div class="sidebar-widget widget-about-author">
                <div class="widget-about-author-inner">
                  <img class="img-thumbnail" th:src="${user.img}" onclick="javaScript:$('#avatar').click()" title="更换头像" alt="author">
                  <h5 th:text="${user.name}"></h5>
                  <p th:text="${user.info}"></p>
                </div>
                <ul class="andro_sm">
                  <li> <a href="#"><i class="fa flaticon-email" title="邮箱"> [[${user.email}]]</i></a> </li>
                </ul>
              </div>
              <!-- About Author End -->
            </div>
          </div>
          <!-- Sidebar End -->
          <div class="col-lg-8">
            <input style="display: none" id="avatar" type="file" onchange="uploadAvatar()">
            <div class="andro_auth-form">
              <div class="form-group">
                <input id="username" th:value="${user.name}" type="text" class="form-control" placeholder="用户名">
              </div>
              <div class="form-group">
                <input id="email" th:value="${user.email}" type="email" class="form-control form-control-light" placeholder="邮箱地址">
              </div>
              <div class="form-group">
                <textarea id="info" placeholder="个人说明" class="form-control form-control-light" style="height: 100px" th:text="${user.info}"></textarea>
              </div>
              <button onclick="updateProfile()" class="andro_btn-custom primary">修改资料</button>

            </div>
          </div>

        </div>
      </div>
    </div>
  </div>

  <!-- Instagram Start -->
  <div th:replace="common/front-common::#instagram"></div>
  <!-- Instagram End -->

  <!-- Footer Start -->
  <div th:replace="common/front-common::#footer"></div>
  <!-- Footer End -->

  <!-- Vendor Scripts -->
  <script src="front/assets/js/plugins/jquery-3.4.1.min.js"></script>
  <script src="front/assets/js/plugins/popper.min.js"></script>
  <script src="front/assets/js/plugins/waypoint.js"></script>
  <script src="front/assets/js/plugins/bootstrap.min.js"></script>
  <script src="front/assets/js/plugins/jquery.magnific-popup.min.js"></script>
  <script src="front/assets/js/plugins/jquery.slimScroll.min.js"></script>
  <script src="front/assets/js/plugins/imagesloaded.min.js"></script>
  <script src="front/assets/js/plugins/jquery.steps.min.js"></script>
  <script src="front/assets/js/plugins/jquery.countdown.min.js"></script>
  <script src="front/assets/js/plugins/isotope.pkgd.min.js"></script>
  <script src="front/assets/js/plugins/slick.min.js"></script>
  <script src="front/assets/js/plugins/ion.rangeSlider.min.js"></script>
  <script src="front/assets/js/plugins/jquery.zoom.min.js"></script>


  <!-- Coffeez Scripts -->
  <script src="front/assets/js/main.js"></script>
  <script src="common/js/xtiper.min.js"></script>
  <script src="common/js/custom.js"></script>

</body>

</html>
